<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>  
    *{


        margin: 0px;
        padding: 0px;
        list-style: none;

    }

    .tt{
       height: 74px;
       background: url('66.jpg') 
       
       }
       .tt .nav{
        margin:auto;
           width: 968px;
       
       height: 75px;


       }
       .nav h1{
        margin-right: 86px;
                
                float: left;
       }
       .nav ul{
           float: right;
       }
       .tt img{

           margin: 14px;
           height: 44px;
           width: 129.63px;
       }
    .tt li{
       
        height: 54px;
        float: left;
        color: white;
        margin-top: 21px;
        margin-right: 10px;
    }
    .nav li:hover{
                background:black;
                border-radius: 20px;
               
    }
    .nav a{

color: white;
font-size: 14px;
text-decoration: none;
}
.a{
                height: 74px;
                margin-right: auto;
            }
    
    .yy{
        height: 522px;
        
        margin-left: auto;
        margin-right: auto;
        background: #dddddd;
    }
    .yy .wop{


        width: 968px;
        height: 540px;
        margin-left: auto;
        margin-right: auto;
        
    }
     .aaa{
        float: left;
    }
   .wop .lll{


       float: right;
   }
   .aaa h2{
    margin-top: 45px;
                font-size: 25px;
                float: left;
                
            
            
           
            margin-right: 12px;

    }
 .aaa p{
        margin-top: 10px;
        float: left;
            
            
           
            margin-right: 12px;

    
  }
 .uio{
    margin-top: 10px;
     float: left;
  }
  .oiu{
      float: top;
      float: right;
  }
  .aaa{

float: left;
width: 300px;
height: 290px;

}

.lll{
height: 290px;
width: 200px;
float: right;
}
.uu{
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 968px;
    

}
.qaq{

    float: left;
}
.qaq img{

    margin-top: 52px;
    float: left;
}
.uhn a{

    
    color: rgb(119, 156, 63);
}

.uhn h2{

font: right;

}
.uhn p{

    font: right;
}
  .plp{
      
      float: right;
  }
  .plp a{
    font: right;
      color: rgb(119, 156, 63);
  }
  .plp h2{ font: right; }
  .plp p{ font: right;
    color: rgb(119, 156, 63);}
    </style>
   
</head>
<body>
    <div class="tt">
       <div class="nav">
            <h1>

                    <a href="">
                        <img src="55.png" alt="">
                    </a>
                </h1>

                <ul>
                    <li>
                   <a href="https://weixin.qq.com/">首页</a>
                    </li>
        
                    <li>
                    <a href="https://kf.qq.com/product/weixin.html">帮助与反馈</a>
                    </li>
                    <li>
                    <a href="https://mp.weixin.qq.com/">公众平台</a>
                    </li>
        
                    <li>
                    <a href="https://open.weixin.qq.com/">开放平台</a>
                    </li>
        
                    <li>
                    <a href="https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F">微信支付</a>
                    </li>
        
                   <li>
                       <a href="https://ad.weixin.qq.com/">微信广告</a>
                   </li>
                    <li>
                    <a href="https://work.weixin.qq.com/">企业微信</a>
                    </li>
        
                    <li>
                    <a href="https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/loginpage?t=login/index">表情开放平台</a>
                    </li>
        
                    <li>
                    <a href="https://wx.qq.com/">微信网页版</a>
                    </li>
                 </ul>

       </div>
                    
    

    </div>
    <div class="yy">
        <div class="wop">  
            <div class="aaa">
                    <h2>微信，是一个生活方式</h2>
                    <p> 超过十亿人使用的手机应用</p>
                                <p> 支持发送语音短信·视频·图片和文字</p>
                                 <p>可以群聊，仅耗少量流量，适合大部分智能手机</p>
                                 <a href="">  <img class="uio" src="down.png" alt=""> </a>
            </div>
            <div class="lll">
                <img  class="oiu" src="44.png" alt="">
            </div>
           
                           
                        </div>                 
                    
        
    </div>
    <div class="uu">
        <div class="qaq">
                

                <div class="uhn">
                        <img src="b.png" alt="">


                <h2>微信网页版</h2>
                <ul>
    <p>扫一扫二维码</p>
    
    <p> 就能在浏览器上使用微信</p>
    <a href="">了解更多</a>

    <h2>微信 Mac 版</h2>
    <ul>
        <p>极致简洁，迅捷沟通</p>
        
        <a href="">了解更多</a>
    </ul>
               <h2>微信 Windows 版</h2>    
               <p>让沟通更方便</p> 
               <a href="">了解更多</a>
                </ul>
            </div>

            <div class="plp">
        <h2>最新消息</h2>
        <p>微信 3.0.0 for Mac 正式版发布 (New)</p>
        <p>微信 8.0.3 for iOS 正式版发布(New)</p>
        <p>微信 8.0.2 for Android 正式版发布(New)</p>
        <p>微信 3.2.1 for Windows 正式版发布 (New)</p>
        <p>关于部分 iOS 9 用户无法更新微信(New)</p>
        <p>微信外部链接内容管理规范</p>
        <p>微信网页版 2.1 版本发布</p>
        <p>微信表情开放平台上线</p>
        <p>官方辟谣公众号开通</p>
<a href="">查看更多</a>
            </div>
        </div>

       
           
            
        
    </div>
    <div class="ii"></div>


</body>
</html>